<div  [class.el-collapse-item-fix-border]="isActive " [class.is-active]="isActive">
    <div role="tab" [attr.aria-expanded]="isActive">
        <div class="el-collapse-item__header" [class.is-active]="isActive" (click)="clickHandle()" role="button"> 
            <ng-container *ngIf="labelTmp">
                <ng-template [ngTemplateOutlet]="labelTmp"> </ng-template>
            </ng-container>
            <ng-container *ngIf="!labelTmp">{{label}}</ng-container>
            <i class="el-collapse-item__arrow el-icon-arrow-right" [class.is-active]="isActive"></i>
        </div>
    </div>
    <div class="el-collapse-item__wrap" [ngStyle]="{'border-width': isActive ? '1px' : '0'}">
        <div class="el-collapse-item__content" [@dropAnimation]="isActive">
            <ng-content></ng-content>
        </div>
    </div>
</div>


<!-- <div class="el-collapse-item el-collapse-item-fix-border" [class.is-active]="isActive">
    <div role="tab" [attr.aria-expanded]="isActive">
        <div class="el-collapse-item__header" (click)="clickHandle()" role="button"> <i
                class="el-collapse-item__arrow el-icon-arrow-right"></i>
            <ng-container *ngIf="labelTmp">
                <ng-template [ngTemplateOutlet]="labelTmp"> </ng-template>
            </ng-container>
            <ng-container *ngIf="!labelTmp">{{label}}</ng-container>
        </div>
    </div>
    <div class="el-collapse-item__wrap" [ngStyle]="{'border-width': isActive ? '1px' : '0'}">
        <div class="el-collapse-item__content" [@dropAnimation]="isActive">
            <ng-content></ng-content>
        </div>
    </div>
</div> -->